<?session_start();?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Movie</title>
		<link rel="stylesheet" type="text/css" media="screen" href="css/fb.css" />
  	</head>


 	<body>
	<div id="cuerpo">
	 <?php require_once 'config_bbdd.php';?>
	 <?php require_once 'cabecera.php';?>
		<div id="contenido">
			<?php
				//Si no se puede conectar a la BBDD 
				if (! @mysql_select_db("usersFB",$myconn)){
					echo "<p>Error al conectar a la BBDD.</p>";
					exit();
				}
				else{
					$user=1;//Variable para pruebas.
					//Saluda al usuario por su nombre.
					if (!isset($_SESSION["nombreUser"]))
						require_once 'sacaVariablesSesion.php';

					echo "<p>Hola ", $_SESSION["nombreUser"],"</p> \n";		
									
					if ($_SESSION["provinciaUser"]!=null)
						echo "<p>Lugareño de la provincia ", $_SESSION["provinciaUser"],"</p> \n";
					else 
						echo "<p>Aún no has seleccionado tu provincia. Hazlo <a href=\"configuracion.php\">aquí</a></p> \n";
						
						
					echo "<table border=\"1\" summary=\"Porcentaje de temperamentos\">
					<tr>
					<th>Guardián</th>
					<th>Artesano</th>
					<th>Idealista</th>
					<th>Racional</th>
					</tr>
					<tr>
					<td>".$_SESSION["userGuardian"]."</td>
					<td>".$_SESSION["userArtesano"]."</td>
					<td>".$_SESSION["userIdealista"]."</td>
					<td>".$_SESSION["userRacional"]."</td>
					</tr>
					</table>";
						
					//TODO intentar hacerlo con piechart.php en lugar de googleapis
					//echo "<img src=\"piechart.php?data=$trnk[1]*$trnk[2]*$trnk[3]*$trnk[4]&label=Guardian*Artesano*Idealista*Racional\" />";
					echo "<img src=\"http://chart.googleapis.com/chart?cht=p3&chd=t:".$_SESSION["userGuardian"].",".$_SESSION["userArtesano"].",".$_SESSION["userIdealista"].",".$_SESSION["userRacional"]."&chs=250x100&chl=Guardian|Artesano|Idealista|Racional\" />";
					//<img src="piechart.php?data=$15*20*20*15&label=Guardian*Artesano*Idealista*Racional" />
				}
			?>  
			  
		</div>
		<?php require_once 'columnaDerecha.php';?>
		<?php require_once 'pie.php';?>
	</div>	
 	</body>
</html>